.width_height(@width, @height) {
  width: @width;
  height: @height;
}

.image(@width, @height, @url) {
  width: @width;
  height: @height;
  background-image: @url;
  background-size: 100% 100%;
}

.image_wh(@width, @height) {
  width: @width;
  height: @height;
  background-size: 100% 100%;
}

.D_J_A(@justify, @align) {
  display: flex;
  justify-content: @justify;
  align-items: @align;
}

.D_J(@justify) {
  display: flex;
  justify-content: @justify;
}

.D_A(@align) {
  display: flex;
  align-items: @align;
}

.D_F(@column) {
  display: flex;
  flex-direction: @column;
}

.D_F_A(@column, @align) {
  display: flex;
  flex-direction: @column;
  align-items: @align;
}

.D_F_J(@column, @align) {
  display: flex;
  flex-direction: @column;
  justify-content: @align;
}

.D_F_J_A(@column, @justify, @align) {
  display: flex;
  flex-direction: @column;
  align-items: @align;
  justify-content: @justify;
}

.font-S-W-C(@size, @weight, @color) {
  font-size: @size;
  font-weight: @weight;
  color: @color;
}

.font-S-W(@size, @weight) {
  font-size: @size;
  font-weight: @weight;
}

.text_center(@line-height, @text-align) {
  line-height: @line-height;
  text-align: @text-align;
}
